<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>{% block title %}PyCEAB{% endblock title %}</title>

        <link rel="stylesheet" href="{{ MEDIA_URL }}css/zulak.css" type="text/css" />
        <script src="{{ MEDIA_URL }}js/jquery-1.3.2.min.js" type="text/javascript"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="Content-Language" content="en-us" />

        {% block extra_head %}{% endblock extra_head %}
    </head>
    <body>
        {% block body %}
        <table width="100%">
            <tr>
                <td colspan="2">
                    <div id="TopNavigation">
                        {% if user.is_authenticated %}
                        Logged in as: <b>{{ user.username }}</b> &nbsp;&nbsp;
                        <a href="{% url logout %}">Logout</a>
                        {% else %}
                        <a href="{% url login %}">Login</a>
                        {% endif %}
                    </div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="Header">
                        <img src="http://www.uwaterloo.ca/images/template/uwlogo.gif"/>
                        <span class="title">Systems Design CEAB Planner</span>
                    </div>
                </td>
            </tr>
            <tr valign="top">
                <td width="200">
                    <div id="primarynavarea">
                    <ul id="primarynav">
                        {% include 'menu.html' %}
                    </ul>
                </div>
                </td>
                <td>
                    <div id="Content">
                        <div class="contentBox">
                        {% block content %}
                            The content goes here
                        {% endblock content %}
                        </div>
                        <div id="Footer">
                        {% block footer %}
                        <p align="center">
                            2009. Ben Best, Ryan Case, Cristina Randall, Matt Zulak.&nbsp;&nbsp;<a href="http://code.google.com/p/sd322-w09/">See the source code.</a>
                        </p>
                        {% endblock footer %}
                        </div>
                    </div>
                </td>
            </tr>
        </table>

{% endblock body %}
    </body>
</html>
